<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="challenge2.css" />
    <title>Challenge #2</title>
  </head>
  <body>
    <article class="product">
      <h2 class="product-title">Converse Chuck Taylor All Star Low Top</h2>

      <img
        src="../img/challenges.jpg"
        alt="a Converse Chuck Shoes"
        width="250"
        height="250"
        class="product-img"
      />

      <div class="product-info">
        <p class="price"><strong>$65.00</strong></p>
        <p class="ship">Free shipping</p>

        <p class="product-description">
          Ready to dress up or down,these classic canvas Chucks are an everyday
          wardrobe staple
        </p>
        <a class="more-info" href="#">More information &RightArrow;</a>

        <div class="shoes-color">
          <div class="color color-black"></div>
          <div class="color color-blue"></div>
          <div class="color color-red"></div>
          <div class="color color-yellow"></div>
          <div class="color color-green"></div>
          <div class="color color-brown"></div>
        </div>
      </div>

      <div class="product-details">
        <h3 class="details-title">Product details</h3>

        <ul class="details-list">
          <li>Lightweight,durable canvas sneaker</li>
          <li>Lightly padded footbed for added comfort</li>
          <li>Iconic Chuck Taylor ankle patch</li>
        </ul>
      </div>

      <button class="add-cart">Add to cart</button>
    </article>
  </body>
</html>
